
 <!DOCTYPE HTML>
<html >
<head>
  <meta charset="UTF-8">
  
    <title>使用hexo+码云搭建个人博客 | Typhoon&#39;s code space</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="author" content="typhoon">
    

    
    <meta name="description" content="搭建个人免费博客详解(Hexo)">
<meta name="keywords" content="搭建博客">
<meta property="og:type" content="article">
<meta property="og:title" content="使用hexo+码云搭建个人博客">
<meta property="og:url" content="http://scorpioaeolus.oschina.io/2017/07/01/搭建个人博客/index.html">
<meta property="og:site_name" content="Typhoon&#39;s code space">
<meta property="og:description" content="搭建个人免费博客详解(Hexo)">
<meta property="og:updated_time" content="2017-07-02T10:02:16.315Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="使用hexo+码云搭建个人博客">
<meta name="twitter:description" content="搭建个人免费博客详解(Hexo)">

    
    <link rel="alternative" href="/atom.xml" title="Typhoon&#39;s code space" type="application/atom+xml">
    
    
    <link rel="icon" href="/typhoon/img/java.png">
    
    
    <link rel="apple-touch-icon" href="/typhoon/img/jacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/typhoon/img/jacman.jpg">
    
    <link rel="stylesheet" href="/typhoon/css/style.css">
</head>

  <body>
    <header>
      
<div>
		
			<div id="imglogo">
				<a href="/typhoon/"><img src="/typhoon/img/java.png" alt="Typhoon&#39;s code space" title="Typhoon&#39;s code space"/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/typhoon/" title="Typhoon&#39;s code space">Typhoon&#39;s code space</a></h1>
				<h2 class="blog-motto"></h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="Menu">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/typhoon/">主页</a></li>
					
						<li><a href="/typhoon/archives">归档</a></li>
					
						<li><a href="/typhoon/about">关于</a></li>
					
					<li>
 					
					<form class="search" action="//google.com/search" method="get" accept-charset="utf-8">
						<label>Search</label>
						<input type="search" id="search" name="q" autocomplete="off" maxlength="20" placeholder="Search" />
						<input type="hidden" name="q" value="site:scorpioaeolus.oschina.io">
					</form>
					
					</li>
				</ul>
			</nav>			
</div>
    </header>
    <div id="container">
      <div id="main" class="post" itemscope itemprop="blogPost">
  
	<article itemprop="articleBody"> 
		<header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/typhoon/2017/07/01/搭建个人博客/" title="使用hexo+码云搭建个人博客" itemprop="url">使用hexo+码云搭建个人博客</a>
  </h1>
  <p class="article-author">By
       
		<a href="/typhoon/about" title="typhoon" target="_blank" itemprop="author">typhoon</a>
		
  <p class="article-time">
    <time datetime="2017-07-01T10:24:00.000Z" itemprop="datePublished"> Published 2017-07-01</time>
    
  </p>
</header>
	<div class="article-content">
		
		<div id="toc" class="toc-article">
			<strong class="toc-title">Contents</strong>
		
			<ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#搭建个人免费博客详解-Hexo"><span class="toc-number">1.</span> <span class="toc-text">搭建个人免费博客详解(Hexo)</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#使用工具介绍"><span class="toc-number">1.1.</span> <span class="toc-text">使用工具介绍</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①码云pages"><span class="toc-number">1.1.1.</span> <span class="toc-text">①码云pages</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②Hexo"><span class="toc-number">1.1.2.</span> <span class="toc-text">②Hexo</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#搭建环境"><span class="toc-number">1.2.</span> <span class="toc-text">搭建环境</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①Node-js安装"><span class="toc-number">1.2.1.</span> <span class="toc-text">①Node.js安装</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②Git安装"><span class="toc-number">1.2.2.</span> <span class="toc-text">②Git安装</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#③Hexo安装"><span class="toc-number">1.2.3.</span> <span class="toc-text">③Hexo安装</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#本地运行Hexo"><span class="toc-number">1.3.</span> <span class="toc-text">本地运行Hexo</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#修改Hexo的主题"><span class="toc-number">1.4.</span> <span class="toc-text">修改Hexo的主题</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#编写博客文章"><span class="toc-number">1.5.</span> <span class="toc-text">编写博客文章</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#生成静态Html文件"><span class="toc-number">1.6.</span> <span class="toc-text">生成静态Html文件</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#发布静态Html文件到码云-Pages上"><span class="toc-number">1.7.</span> <span class="toc-text">发布静态Html文件到码云 Pages上</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#遇到问题"><span class="toc-number">1.8.</span> <span class="toc-text">遇到问题</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①hexo-fatal-could-not-read-username-for-“”"><span class="toc-number">1.8.1.</span> <span class="toc-text">①hexo fatal:could not read username for “”</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②不能关联码云pages发布代码"><span class="toc-number">1.8.2.</span> <span class="toc-text">②不能关联码云pages发布代码</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#③没有样式"><span class="toc-number">1.8.3.</span> <span class="toc-text">③没有样式</span></a></li></ol></li></ol></li></ol>
		
		</div>
		
		<h3 id="搭建个人免费博客详解-Hexo"><a href="#搭建个人免费博客详解-Hexo" class="headerlink" title="搭建个人免费博客详解(Hexo)"></a>搭建个人免费博客详解(Hexo)</h3><a id="more"></a>
<h4 id="使用工具介绍"><a href="#使用工具介绍" class="headerlink" title="使用工具介绍"></a>使用工具介绍</h4><h5 id="①码云pages"><a href="#①码云pages" class="headerlink" title="①码云pages"></a>①码云pages</h5><pre><code>码云 Pages 是一个免费的静态网页托管服务，您可以使用码云 Pages 托管博客、项目官网等静态网页。这样就不用购买服务器和域名了，
如果您使用过 Github Pages 那么您会很快上手使用码云的Pages服务。这里使用码云上的Pages 而不是用Github Pages，主要原因就是在
国内没有VPN的话。。。你懂得！还有就是支持国产！链接：https://git.oschina.net/
</code></pre><h5 id="②Hexo"><a href="#②Hexo" class="headerlink" title="②Hexo"></a>②Hexo</h5><pre><code>Hexo是一个快速、简洁且高效的博客框架。Hexo使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
使用者只需要专注于写博客而不需要关注网站是如何生成的。而且还有丰富的博客主题可以选择！链接：https://hexo.io/zh-cn/（ps：这是
国外网站，翻墙吧少年，需要自由门 翻墙软件可以在博客中联系我哦）
</code></pre><h4 id="搭建环境"><a href="#搭建环境" class="headerlink" title="搭建环境"></a>搭建环境</h4><h5 id="①Node-js安装"><a href="#①Node-js安装" class="headerlink" title="①Node.js安装"></a>①Node.js安装</h5><pre><code>参考：http://www.runoob.com/nodejs/nodejs-install-setup.html（ps：如果没有VPN的用户最好切换一下npm的源，不然后续的步骤可能会
让你想砸电脑，安装完后，在命令窗口执行下面代码）
`注意`:npm config set registry http://registry.cnpmjs.org     #切换npm为淘宝镜像
</code></pre><h5 id="②Git安装"><a href="#②Git安装" class="headerlink" title="②Git安装"></a>②Git安装</h5><pre><code>参考http://www.runoob.com/git/git-install-setup.html
</code></pre><h5 id="③Hexo安装"><a href="#③Hexo安装" class="headerlink" title="③Hexo安装"></a>③Hexo安装</h5><pre><code>（ ps：安装完Node.js和Git之后不需要配置些什么，只需要安装成功就是了，如果想明白原理的话可以深入的学习。）

如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。打开命令窗口输入下面代码：
`npm install -g hexo-cli`
安装成功后输入hexo 如果得到下面这个结果，恭喜你！安装成功！
Hexo的常用命令说明参考：`https://hexo.io/zh-cn/docs/commands.html`
</code></pre><h4 id="本地运行Hexo"><a href="#本地运行Hexo" class="headerlink" title="本地运行Hexo"></a>本地运行Hexo</h4><pre><code>安装 Hexo 完成后，请依次执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。将&lt;folder&gt; 替换成项目存放的文件夹目录，
1.hexo init &lt;folder&gt;
2.cd &lt;folder&gt;
3.npm install
4.hexo generate

新建完成后，指定文件夹的目录如下：
1.
2.├── .deploy       #需要部署的文件
3.├── node_modules  #Hexo插件
4.├── public        #生成的静态网页文件
5.├── scaffolds     #模板
6.├── source        #博客正文和其他源文件, 404 favicon CNAME 等都应该放在这里
7.|   ├── _drafts   #草稿
8.|   └── _posts    #文章
9.├── themes        #主题
   10.├── _config.yml   #全局配置文件
   11.└── package.json

   进行到这步后就可以先在本地运行下，看看效果了。执行下面命令：
1.cd &lt;folder&gt;         #切换到项目目录下
2.npm install           #install before start blogging
3.hexo server         #运行本地服务

浏览器输入http://localhost:4000就可以看到效果.
</code></pre><h4 id="修改Hexo的主题"><a href="#修改Hexo的主题" class="headerlink" title="修改Hexo的主题"></a>修改Hexo的主题</h4><pre><code>当然，上面运行的只是Hexo官方默认的主题配置效果，想要个性一点？，下面我们就将他改造成自己想要的个性主题。

Hexo的主题都是一些前端民间高手写的模版，可以在官方收录的主题中去挑选：https://hexo.io/themes/

看上一个主题后点击下图位置，进入下载主题文件

主题下载完成后，将主题文件解压到Hexo项目的thems文件夹下面（ps:我这里的项目目录是在桌面的Hexo文件夹里面。）


接下来就是修改Hexo的配置文件_config.yml，将里面theme 对应的值改为之前下载的主题的文件夹名字，本文里面下载的主题文件夹名字为
hexo-theme-smackdown-master。

`注意`：这里“：”后面必须要有一个空格，而且这个空格要在英文输入法下，不然会报一些稀奇古怪的错。

关于Hexo中_config.yml 文件的其他配置，大家可以参考官方的文档，这里就不多赘述了：文档链接 https://hexo.io/zh-cn/docs/configuration.html

下载的每个主题中，有一个配置文件，名字也叫_config.yml，这里大家千万不要和之前Hexo根目录下的_config.yml搞混淆了，这里面
配置的主要是些与主题相关的东西，比如一些文章阅读量，多说插件，cnzz站长工具等等的配置信息。一般里面也都有注释，这里就不
赘述了，不懂得可以在我的博客问我。

一些主题在GitHub上面也都有主题安装的一些文档，写的都很详细。推荐一个主题的文档，结合官方的文档看完之后，基本上也就明白了。

`ps`:推荐一个主题的文档https://github.com/yscoder/hexo-theme-indigo/wiki
</code></pre><h4 id="编写博客文章"><a href="#编写博客文章" class="headerlink" title="编写博客文章"></a>编写博客文章</h4><pre><code>如果你使用过MarkDown 来写博客文章的话，接下来就简单多了，没使用过也没关系，推荐大家一个编辑工具马克飞象 
链接：https://maxiang.io/，在编辑器里面写好文章后，复制或另存为.md文件, 与普通的.md文件不同 要在文件开头添加下面代码

title: #文章标题
date: #文章日期
tags: #文章标签
categories: #文章分类
---

在.md文件的开头添加上面代码，是为了让Hexo框架在生成网页的时候，设置相应的参数。

将写好的.md文件放入Hexo项目的source 目录下的_posts 文件夹中，可以看到里面有个hello-world.md 文件，这就是默认的文章。

重新在本地启动项目，访问就可以看到之前添加的文章。
</code></pre><h4 id="生成静态Html文件"><a href="#生成静态Html文件" class="headerlink" title="生成静态Html文件"></a>生成静态Html文件</h4><pre><code>现在只能在本地启动项目然后通过本地地址访问博客网站，下面我们就可以利用Hexo生成静态Html，很简单，只需要在命令窗口执行下面代码：

cd &lt;folder&gt;         #切换到项目目录下
hexo generate       #生成静态文件到项目根目录的public文件夹中
</code></pre><h4 id="发布静态Html文件到码云-Pages上"><a href="#发布静态Html文件到码云-Pages上" class="headerlink" title="发布静态Html文件到码云 Pages上"></a>发布静态Html文件到码云 Pages上</h4><pre><code>注册一个码云帐号，并创建一个项目,创建完项目后得到项目的Https的地址后面要用。
这里使用git将项目中public 文件夹下的文件管理起来，并推送到码云上。

这里借用一个插件来帮助我们完成，安装 hexo-deployer-git。安装代码如下：
`npm install hexo-deployer-git --save`

配置项目根目录_config.yml 文件，修改deploy 的值(修改type,repo,branch值),
type:git
repo:ssh或者https
branch:master
注意repo 的地址是之前在码云上面创建醒目后获取的地址

修改完后在命令窗口执行下面命令：

cd &lt;folder&gt;         #切换到项目目录下
hexo deploy         #一键部署功能


部署成功之后，登录码云，查看之前创建的项目中出现了public 文件夹中的文件，这时候代表之前的部署是成功的。
启动码云的pages功能
这时候就看到之前和本地启动一样的效果了。博客部署完成，在这之后，只需要每次用马克飞象写好文章后，放入Hexo项目的source
目录下的_posts 文件夹中，在按照之前步骤更新博客就OK了。还可以随时切换博客的主题哦！
</code></pre><h4 id="遇到问题"><a href="#遇到问题" class="headerlink" title="遇到问题"></a>遇到问题</h4><h5 id="①hexo-fatal-could-not-read-username-for-“”"><a href="#①hexo-fatal-could-not-read-username-for-“”" class="headerlink" title="①hexo fatal:could not read username for “”"></a>①hexo fatal:could not read username for “”</h5><pre><code>git config --global user.emaill &quot;ScorpioAeolus@163.com&quot;
git config --global user.name    &quot;ScorpioAeolus&quot;
git config --global core.autocrlf false
重新:
hexo clean
hexo g
hexo d
</code></pre><h5 id="②不能关联码云pages发布代码"><a href="#②不能关联码云pages发布代码" class="headerlink" title="②不能关联码云pages发布代码"></a>②不能关联码云pages发布代码</h5><pre><code>打开git bash 参考http://git.mydoc.io/?t=180845生成公钥
重新:
hexo clean
hexo g
hexo d
</code></pre><h5 id="③没有样式"><a href="#③没有样式" class="headerlink" title="③没有样式"></a>③没有样式</h5><pre><code>修改项目中_config.yml的url和root属性
url: http://scorpioaeolus.oschina.io/typhoon    #自已项目的服务路径
root: /typhoon                    #当前项目名称,和git上保持一致
</code></pre>  
	</div>
		<footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/typhoon/categories/工具/">工具</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/typhoon/tags/搭建博客/">搭建博客</a>
  </div>

</div>



	<div class="article-share" id="share">
	
	  <div data-url="http://scorpioaeolus.oschina.io/2017/07/01/搭建个人博客/" data-title="使用hexo+码云搭建个人博客 | Typhoon&#39;s code space" data-tsina="null" class="share clearfix">
	  </div>
	
	</div>


</footer>

   	       
	</article>
	
<nav class="article-nav clearfix">
 
 <div class="prev" >
 <a href="/typhoon/2017/07/01/Hexo发布博客引用自带图片的方法/" title="Hexo发布博客引用自带图片的方法">
  <strong>上一篇：</strong><br/>
  <span>
  Hexo发布博客引用自带图片的方法</span>
</a>
</div>


<div class="next">
<a href="/typhoon/2017/07/01/hello-world/"  title="Hello World">
 <strong>下一篇：</strong><br/> 
 <span>Hello World
</span>
</a>
</div>

</nav>

	


</div>  
      <div class="openaside"><a class="navbutton" href="#" title="Show Sidebar"></a></div>

  <div id="toc" class="toc-aside">
  <strong class="toc-title">Contents</strong>
 
 <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#搭建个人免费博客详解-Hexo"><span class="toc-number">1.</span> <span class="toc-text">搭建个人免费博客详解(Hexo)</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#使用工具介绍"><span class="toc-number">1.1.</span> <span class="toc-text">使用工具介绍</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①码云pages"><span class="toc-number">1.1.1.</span> <span class="toc-text">①码云pages</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②Hexo"><span class="toc-number">1.1.2.</span> <span class="toc-text">②Hexo</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#搭建环境"><span class="toc-number">1.2.</span> <span class="toc-text">搭建环境</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①Node-js安装"><span class="toc-number">1.2.1.</span> <span class="toc-text">①Node.js安装</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②Git安装"><span class="toc-number">1.2.2.</span> <span class="toc-text">②Git安装</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#③Hexo安装"><span class="toc-number">1.2.3.</span> <span class="toc-text">③Hexo安装</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#本地运行Hexo"><span class="toc-number">1.3.</span> <span class="toc-text">本地运行Hexo</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#修改Hexo的主题"><span class="toc-number">1.4.</span> <span class="toc-text">修改Hexo的主题</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#编写博客文章"><span class="toc-number">1.5.</span> <span class="toc-text">编写博客文章</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#生成静态Html文件"><span class="toc-number">1.6.</span> <span class="toc-text">生成静态Html文件</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#发布静态Html文件到码云-Pages上"><span class="toc-number">1.7.</span> <span class="toc-text">发布静态Html文件到码云 Pages上</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#遇到问题"><span class="toc-number">1.8.</span> <span class="toc-text">遇到问题</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#①hexo-fatal-could-not-read-username-for-“”"><span class="toc-number">1.8.1.</span> <span class="toc-text">①hexo fatal:could not read username for “”</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#②不能关联码云pages发布代码"><span class="toc-number">1.8.2.</span> <span class="toc-text">②不能关联码云pages发布代码</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#③没有样式"><span class="toc-number">1.8.3.</span> <span class="toc-text">③没有样式</span></a></li></ol></li></ol></li></ol>
 
  </div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="Hide Sidebar"></a></div>
<aside class="clearfix">

  


  
<div class="categorieslist">
	<p class="asidetitle">Categories</p>
		<ul>
		
		  
			<li><a href="/typhoon/categories/dubbo/" title="dubbo">dubbo<sup>8</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/java性能优化/" title="java性能优化">java性能优化<sup>17</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/java源码分析/" title="java源码分析">java源码分析<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/motan/" title="motan">motan<sup>2</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/spring/" title="spring">spring<sup>11</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/springboot/" title="springboot">springboot<sup>28</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/springmvc/" title="springmvc">springmvc<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/容器/" title="容器">容器<sup>1</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/工具/" title="工具">工具<sup>7</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/性能优化/" title="性能优化">性能优化<sup>5</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/架构/" title="架构">架构<sup>8</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/案例分析/" title="案例分析">案例分析<sup>13</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/缓存/" title="缓存">缓存<sup>4</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/设计模式/" title="设计模式">设计模式<sup>3</sup></a></li>
		  
		
		  
			<li><a href="/typhoon/categories/面试题/" title="面试题">面试题<sup>1</sup></a></li>
		  
		
		</ul>
</div>


  
<div class="tagslist">
	<p class="asidetitle">Tags</p>
		<ul class="clearfix">
		
			
				<li><a href="/typhoon/tags/springboot/" title="springboot">springboot<sup>28</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/java性能优化/" title="java性能优化">java性能优化<sup>9</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/限流/" title="限流">限流<sup>3</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/Spring5/" title="Spring5">Spring5<sup>3</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/设计模式/" title="设计模式">设计模式<sup>3</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/案例分析/" title="案例分析">案例分析<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/性能优化/" title="性能优化">性能优化<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/Spring/" title="Spring">Spring<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/dubbo/" title="dubbo">dubbo<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/分页/" title="分页">分页<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/并发/" title="并发">并发<sup>2</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/异常拦截/" title="异常拦截">异常拦截<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/dubbo分布式事务/" title="dubbo分布式事务">dubbo分布式事务<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/自带图片/" title="自带图片">自带图片<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/svn导出mvn项目/" title="svn导出mvn项目">svn导出mvn项目<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/dubbo过滤器/" title="dubbo过滤器">dubbo过滤器<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/排序性能对比/" title="排序性能对比">排序性能对比<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/ListenableFuture/" title="ListenableFuture">ListenableFuture<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/PropertyChangeListener/" title="PropertyChangeListener">PropertyChangeListener<sup>1</sup></a></li>
			
		
			
				<li><a href="/typhoon/tags/jdbcTemplate高可用/" title="jdbcTemplate高可用">jdbcTemplate高可用<sup>1</sup></a></li>
			
		
		</ul>
</div>


  <div class="linkslist">
  <p class="asidetitle">Links</p>
    <ul>
        
          <li>
            
            	<a href="https://coderq.com" target="_blank" title="一个面向程序员交流分享的新一代社区">码农圈</a>
            
          </li>
        
          <li>
            
            	<a href="http://wuchong.me" target="_blank" title="Jark&#39;s Blog">Jark&#39;s Blog</a>
            
          </li>
        
    </ul>
</div>

  


  <div class="rsspart">
	<a href="/atom.xml" target="_blank" title="rss">RSS</a>
</div>

  <div class="weiboshow">
  <p class="asidetitle">Weibo</p>
    <iframe width="100%" height="119" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=119&fansRow=2&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=null&verifier=b3593ceb&dpc=1"></iframe>
</div>


</aside>
</div>
    </div>
    <footer><div id="footer" >
	
	<div class="line">
		<span></span>
		<div class="author"></div>
	</div>
	
	
	<section class="info">
		<p> Hello ,I&#39;m a java coder. <br/>
			This is my blog,believe it or not.</p>
	</section>
	 
	<div class="social-font" class="clearfix">
		
		
		
		
		
		
		
		
		
		
		<a href="mailto:ScorpioAeolus@163.com" target="_blank" class="icon-email" title="Email Me"></a>
		
	</div>
			
		

		<p class="copyright">
		Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Jacman">Jacman</a> © 2019 
		
		<a href="/typhoon/about" target="_blank" title="typhoon">typhoon</a>
		
		
		</p>
</div>
</footer>
    <script src="/typhoon/js/jquery-2.0.3.min.js"></script>
<script src="/typhoon/js/jquery.imagesloaded.min.js"></script>
<script src="/typhoon/js/gallery.js"></script>
<script src="/typhoon/js/jquery.qrcode-0.12.0.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
  
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else{
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
      
      $('#toc.toc-aside').css('display', 'none');
        
    }
  });
});
</script>

<script type="text/javascript">
$(document).ready(function(){ 
  var ai = $('.article-content>iframe'),
      ae = $('.article-content>embed'),
      t  = $('#toc'),
      ta = $('#toc.toc-aside'),
      o  = $('.openaside'),
      c  = $('.closeaside');
  if(ai.length>0){
    ai.wrap('<div class="video-container" />');
  };
  if(ae.length>0){
   ae.wrap('<div class="video-container" />');
  };
  c.click(function(){
    ta.css('display', 'block').addClass('fadeIn');
  });
  o.click(function(){
    ta.css('display', 'none');
  });
  $(window).scroll(function(){
    ta.css("top",Math.max(140,320-$(this).scrollTop()));
  });
});
</script>


<script type="text/javascript">
$(document).ready(function(){ 
  var $this = $('.share'),
      url = $this.attr('data-url'),
      encodedUrl = encodeURIComponent(url),
      title = $this.attr('data-title'),
      tsina = $this.attr('data-tsina'),
      description = $this.attr('description');
  var html = [
  '<div class="hoverqrcode clearfix"></div>',
  '<a class="overlay" id="qrcode"></a>',
  '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
  '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
  '<a href="#qrcode" class="article-share-qrcode" title="微信"></a>',
  '<a href="http://widget.renren.com/dialog/share?resourceUrl=' + encodedUrl + '&srcUrl=' + encodedUrl + '&title=' + title +'" class="article-share-renren" target="_blank" title="人人"></a>',
  '<a href="http://service.weibo.com/share/share.php?title='+title+'&url='+encodedUrl +'&ralateUid='+ tsina +'&searchPic=true&style=number' +'" class="article-share-weibo" target="_blank" title="微博"></a>',
  '<span title="Share to"></span>'
  ].join('');
  $this.append(html);

  $('.hoverqrcode').hide();

  var myWidth = 0;
  function updatehoverqrcode(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
    var qrsize = myWidth > 1024 ? 200:100;
    var options = {render: 'image', size: qrsize, fill: '#2ca6cb', text: url, radius: 0.5, quiet: 1};
    var p = $('.article-share-qrcode').position();
    $('.hoverqrcode').empty().css('width', qrsize).css('height', qrsize)
                          .css('left', p.left-qrsize/2+20).css('top', p.top-qrsize-10)
                          .qrcode(options);
  };
  $(window).resize(function(){
    $('.hoverqrcode').hide();
  });
  $('.article-share-qrcode').click(function(){
    updatehoverqrcode();
    $('.hoverqrcode').toggle();
  });
  $('.article-share-qrcode').hover(function(){}, function(){
      $('.hoverqrcode').hide();
  });
});   
</script>









<link rel="stylesheet" href="/typhoon/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/typhoon/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.article-content').each(function(i){
    $(this).find('img').each(function(){
      if ($(this).parent().hasClass('fancybox')) return;
      var alt = this.alt;
      if (alt) $(this).after('<span class="caption">' + alt + '</span>');
      $(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
    });
    $(this).find('.fancybox').each(function(){
      $(this).attr('rel', 'article' + i);
    });
  });
  if($.fancybox){
    $('.fancybox').fancybox();
  }
}); 
</script>



<!-- Analytics Begin -->



<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?e6d1f421bbc9962127a50488f9ed37d1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>



<!-- Analytics End -->

<!-- Totop Begin -->

	<div id="totop">
	<a title="Back to Top"><img src="/typhoon/img/scrollup.png"/></a>
	</div>
	<script src="/typhoon/js/totop.js"></script>

<!-- Totop End -->

<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->


<!-- MathJax End -->

<!-- Tiny_search Begin -->

<!-- Tiny_search End -->

  </body>
</html>
